<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RBAC</title>
    <!-- 引入 Bootstrap CSS -->
    <link href="../../../static/commen_css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- 标题栏 -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">用户-角色-权限管理</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNav">
            {#        <ul class="navbar-nav me-auto mb-2 mb-lg-0">#}
            {#          <li class="nav-item">#}
            {#            <a class="nav-link" href="#">用户User</a>#}
            {#          </li>#}
            {#          <li class="nav-item">#}
            {#            <a class="nav-link" href="#">角色Role</a>#}
            {#          </li>#}
            {#          <li class="nav-item">#}
            {#            <a class="nav-link" href="#">权限Permission</a>#}
            {#          </li>#}
            {#        </ul>#}
        </div>
        <div class="collapse navbar-collapse justify-content-end">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <span class="nav-link">Welcome, {{ login_user }}</span>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{ url_for('user_role_permiss.logout') }}">Logout</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- 内容区域，三栏布局 -->
<div class="container-fluid">
    <div class="row">
        <!-- 左侧栏 -->
        <div class="col-lg-4">
            <iframe src="/rbac/api/users/" width="100%" height="800px">
                Your browser does not support iframes.
            </iframe>
        </div>
        <!-- 中间内容 -->
        <div class="col-lg-4">
            <iframe src="/rbac/api/roles/" width="100%" height="800px">
                Your browser does not support iframes.
            </iframe>
        </div>
        <!-- 右侧栏 -->
        <div class="col-lg-4">
            <iframe src="/rbac/api/permissions/" width="100%" height="800px">
                Your browser does not support iframes.
            </iframe>
        </div>
    </div>
</div>

<!-- 引入 Bootstrap JS 和 Popper.js -->
<script src="../../../static/commen_js/bootstrap.bundle.min.js"></script>
</body>
</html>
